<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>中昊供应链下载</title>

    <!-- FAVICON -->
    <link rel="shortcut icon" href="assets/img/favicon.png">

    <!-- FONTS -->


    <!-- STYLESHEETS -->
    <link rel="stylesheet" type="text/css" href="assets/css/plugins.css">
    <link rel="stylesheet" type="text/css" href="assets/css/main.css">


</head>
<style>
    @media (max-width: 750px) {
        .hero .full-height {
            height: auto;
            padding: 0;
            padding: 5rem 0;
        }
    }
    body {
        width: 100%;
        height: 100%;
        background: #FFFFFF;
    }


    .bg {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        background: rgba(0, 0, 0, 0.9);
        text-align: end;
        overflow: hidden;
        padding: 1rem 5px 0 1rem;
    }

    .bg img {
        width: 93%;
        height: auto;
    }
    .container-mid .phone-slider {
        width: 70%;
        border-top: 40px solid #fff;
        /* border-bottom: 40px solid #fff; */
        border-radius: 26px;
        -webkit-box-shadow: 10px 10px 16px 8px rgba(0,0,0,.2);
        box-shadow: 10px 10px 16px 8px rgba(0,0,0,.2);
    }
</style>

<body>
<div class="bg" style=""><img src="assets/img/slides/10.png" alt="image"></div>

<!-- PRELOADER -->
<div class="preloader">


    <!-- SPINNER -->
    <div class="spinner">


        <div class="bounce-1"></div>
        <div class="bounce-2"></div>
        <div class="bounce-3"></div>


    </div>
    <!-- /SPINNER -->


</div>
<!-- /PRELOADER -->

<!-- HERO -->
<div class="hero">


    <!-- FRONT CONTENT -->
    <div class="front-content">


        <!-- CONTAINER -->
        <div class="container-fluid" >


            <!-- COLUMN -->
            <div class="col-sm-5 full-height">


                <!-- CONTAINER MID -->
                <div class="container-mid">


                    <!-- ANIMATION CONTAINER -->
                    <div class="animation-container animation-fade-right" data-animation-delay="0">


                        <!-- PHONE SLIDER -->
                        <div class="phone-slider owl-carousel">


                            <img src="assets/img/slides/4.jpg" alt="image">
                            <img src="assets/img/slides/5.jpg" alt="image">
                            <img src="assets/img/slides/6.jpg" alt="image">
                            <img src="assets/img/slides/7.jpg" alt="image">
                            <img src="assets/img/slides/8.jpg" alt="image">
                        </div>
                        <!-- /PHONE SLIDER -->


                    </div>
                    <!-- /ANIMATION CONTAINER -->


                </div>
                <!-- /CONTAINER MID -->


            </div>
            <div class="col-sm-7 text-left full-height">


                <!-- CONTAINER MID -->
                <div class="container-mid">


                    <!-- ANIMATION CONTAINER -->

                    <!-- /ANIMATION CONTAINER -->



                    <!-- /ANIMATION CONTAINER -->


                    <!-- ANIMATION CONTAINER -->
                    <div class="animation-container animation-fade-up" data-animation-delay="400">

                        <div class="download-button" id="ios"><i class="fa fa-apple" aria-hidden="true"></i>苹果下载</div>
                        <div class="download-button" id="android"><i class="fa fa-android" aria-hidden="true"></i>安卓下载</div>

                    </div>
                    <!-- /ANIMATION CONTAINER -->


                </div>
                <!-- /CONTAINER MID -->


            </div>
            <!-- /COLUMN -->

            <!-- COLUMN -->
   
            <!-- /COLUMN -->


        </div>
        <!-- /CONTAINER -->


        <!-- FOOTER -->
        <div class="footer">

            <!-- CONTAINER FLUID -->
            <!-- /CONTAINER FLUID -->


        </div>
        <!-- /FOOTER -->


    </div>
    <!-- /FRONT CONTENT -->


    <!-- BACKGROUND CONTENT -->
    <div class="background-content parallax-on">


        <!-- BACKGROUND CONTENT INNER -->
        <div class="background-content-inner">

            <div class="background-overlay"></div>
            <div class="background-img layer" data-depth="0.05"></div>

        </div>
        <!-- /BACKGROUND CONTENT INNER -->


    </div>
    <!-- /BACKGROUND CONTENT -->


</div>
<!-- /HERO -->


<!-- POPUP FAQ -->
<div id="popup-faq" class="popup">


    <!-- CONTAINER FLUID -->
    <div class="container-fluid">


        <h4>Frequently Asked Questions</h4>


        <!-- ITEM -->
        <div class="item">

            <p class="question">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</p>
            <p class="answer">Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat.
                Proin vulputate tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue
                tortor ut elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus
                varius nibh condimentum.</p>

        </div>
        <!-- /ITEM -->


        <!-- ITEM -->
        <div class="item">

            <p class="question">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</p>
            <p class="answer">Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat.
                Proin vulputate tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue
                tortor ut elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus
                varius nibh condimentum.</p>

        </div>
        <!-- /ITEM -->


        <!-- ITEM -->
        <div class="item">

            <p class="question">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</p>
            <p class="answer">Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat.
                Proin vulputate tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue
                tortor ut elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus
                varius nibh condimentum.</p>

        </div>
        <!-- /ITEM -->


        <!-- ITEM -->
        <div class="item">

            <p class="question">Lorem ipsum dolor sit amet, consectetur adipiscing elit?</p>
            <p class="answer">Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat.
                Proin vulputate tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue
                tortor ut elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus
                varius nibh condimentum.</p>

        </div>
        <!-- /ITEM -->


    </div>
    <!-- /CONTAINER FLUID -->


</div>
<!-- /POPUP FAQ -->


<!-- POPUP PRIVACY POLICY & TERMS -->
<div id="popup-privacy-terms" class="popup">


    <!-- CONTAINER FLUID -->
    <div class="container-fluid">


        <h4>Terms of Service and Privacy Policy</h4>


        <!-- ITEM -->
        <div class="item">

            <p class="headline">1. Terms</p>
            <p>Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat. Proin vulputate
                tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue tortor ut
                elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus varius nibh
                condimentum.</p>

        </div>
        <!-- /ITEM -->


        <!-- ITEM -->
        <div class="item">

            <p class="headline">2. Use License</p>
            <p>Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat. Proin vulputate
                tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue tortor ut
                elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus varius nibh
                condimentum.</p>

        </div>
        <!-- /ITEM -->


        <!-- ITEM -->
        <div class="item">

            <p class="headline">3. Disclamer</p>
            <p>Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat. Proin vulputate
                tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue tortor ut
                elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus varius nibh
                condimentum.</p>

        </div>
        <!-- /ITEM -->


        <!-- ITEM -->
        <div class="item">

            <p class="headline">4. Limitations</p>
            <p>Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat. Proin vulputate
                tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue tortor ut
                elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus varius nibh
                condimentum.</p>

        </div>
        <!-- /ITEM -->


        <!-- ITEM -->
        <div class="item">

            <p class="headline">5. Privacy Policy</p>
            <p>Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat. Proin vulputate
                tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue tortor ut
                elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus varius nibh
                condimentum.</p>
            <p>Maecenas congue augue eget blandit congue. Aliquam nec mattis elit. Mauris a leo erat. Proin vulputate
                tincidunt diam nec auctor. Pellentesque sit amet lobortis tellus. Pellentesque congue tortor ut
                elementum dapibus. Suspendisse potenti. Curabitur tincidunt est ac felis porttitor, cursus varius nibh
                condimentum.</p>

        </div>
        <!-- /ITEM -->


    </div>
    <!-- /CONTAINER FLUID -->


</div>
<!-- /POPUP PRIVACY POLICY & TERMS -->

<!-- JAVASCRIPTS -->
<script type="text/javascript" src="assets/js/plugins.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>
<script>
    $(function () {
        var u = navigator.userAgent, app = navigator.appVersion;
        var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
        var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
        /*	if (isAndroid) {
                window.location.href = 'appDownload.html';
            }
            if (isIOS) {
                window.location.href = 'iosDownload.html';
            }*/
        var result = is_weixin();
        $('#ios').click(function () {
            if (result) {
                var fontSize = $(window).width() / 18.75; //屏幕的宽
                $("html").css("font-size", fontSize + "px");
                if (is_weixin()) {
                    $(".bg").css('display', 'block')
                }
            } else {
                window.location.href = 'https://apps.apple.com/cn/app/%E4%B8%AD%E6%98%8A%E4%BE%9B%E5%BA%94%E9%93%BE-%E6%99%BA%E6%85%A7%E7%89%A9%E6%B5%81/id1526790638';
            }
        })
        $('#android').click(function () {

            if (result) {
                var fontSize = $(window).width() / 18.75; //屏幕的宽
                $("html").css("font-size", fontSize + "px");
                if (is_weixin()) {
                    $(".bg").css('display', 'block')
                }
            } else {
                window.location.href = 'http://img.zhgylgl.com/apk/zhonghao2.1.27.apk';
            }
        })

    });

    function is_weixin() {
        var ua = window.navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == 'micromessenger') {
            return true;
        } else {
            return false;
        }
    }
    






</script>
</body>
</html>